<template>
<div>
<TopInfoBarVue></TopInfoBarVue>
</div>
</template>

<script>
import TopInfoBarVue from '../../components/center/TopInfoBar.vue'
import store from '../../store'
export default {
  //组件守卫  用于组件内的权限判断 只有登录才可以查看 ，没有登录直接跳转至登录页面
   beforeRouteEnter (to, from, next) {
   // console.log(store.state.user.userInfo)
   if('/center'==to.path){
    //不是登录页面的时候需要判断store 里面是否有token 如果没有调转至登录页面
    if(store.state.user.userInfo){
      next()
    }else{
      //判断sessionStorage中是否有token  如果有正常往下走
      if(sessionStorage.getItem('userInfo')){
        //在向store里面存一下
        store.dispatch('user/recordUser',sessionStorage.getItem('userInfo'))
        next()
        return
      }
      next('/login')
    }
  }

  },
 components:{
    TopInfoBarVue
 },
}
</script>

<style scoped>

</style>
